<template>
  <div class="box">
    <Headerhaoxie class="headerhaoxie" />
    <Navhaoxie class="navhaoxie"/>
    <div class="content-box">
    <Goodshaoxie type="left" class="goodshaoxie"/>
    <Goodshaoxie type="right" class="goodshaoxie"/>
    </div>

  </div>
</template>

<script>
import Headerhaoxie from "../components/Headerhaoxie";
import Goodshaoxie from '../components/Goodshaoxie';
import Navhaoxie from '../components/Navhaoxie.vue';
// import Search from "../components/Search";

export default {
  name: "Haoxie",
  components: {
    Headerhaoxie,
    Navhaoxie,
    Goodshaoxie
  },
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}
.headerhaoxie {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.navhaoxie {
  position: fixed;
  top: .5rem;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.content-box{
  display: flex;
  justify-content: space-between;
  background-color: #F4F4F4;
  margin-top: .77rem;
}
.goodshaoxie{
    width: 49%;
}
</style>
